﻿@import url('../../StyleSheets/WEATHER.css');

HTML, Body {
	background-color: #C0C0C0;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	height:100%;
	margin:0;
	font-size:9pt;
}

#wrapper
{
	background-color:#FFF;
	margin:0 auto;
	width:994px;
}

#header
{
	background: url('../../Images/Master/WEATHER/Banner.jpg') no-repeat;
	width: 994px;
	height: 102px;
}

#Content
{
	float:left;
	width:100%;
}

.AreaWeatherHome
{
	clear: both; 
	overflow-y: scroll; 
	display: block; 
	width: 100%; 
	height: 275px;
	color:#03467c;
}

.ProvinceWeatherHome
{
	clear: both; 
	overflow-y: scroll; 
	display: block; 
	width: 100%; 
	height: 275px;
	color:#03467c;
}

.AreasWeather
{
	clear: both; 
	display: block; 
	width: 100%; 
	color:#03467c;
}

.AreasWeather .btdb_Title,
.AreasWeatherHome .btdb_Title
{
	font-weight: bold;
}

.Current_Weather
{
	clear: both; 
	display: block; 
	height: 300px;
	color:#03467c;
}

.Current_Weather table
{
	width: 210px;
}

.ProvinceWeather .Button,
.Current_Weather .Button
{
	background:transparent url(../../Images/WEATHER/button.gif) repeat-x scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	padding:2px;
	width:40px;
}

.ProvinceWeather .name ,
.Current_Weather .name,
.ProvinceWeather .TitleProvinceWeather,
.ProvinceWeather .forecast_detail_update_Title
{
	font-weight: bold;
	color:#03467c;
}

.ProvinceWeather .NameCity
{
	border-bottom:1px solid #03467C;
	color:#03467C;
	font-weight:bold;
	text-transform:uppercase;
}

.ProvinceWeather .forecast_detail_update 
{
	font-weight: bold;
}

.ProvinceWeather .tieude_dubao
{
	background-color:#8ABBDF;
	font-weight:bold;
}

#Page
{
    border-left: solid 1px gray;
    border-right: solid 1px gray;
	width: 100%;
	background-color: #353535;
}

#Marquee
{
	background-color: #e3e2e0;	
	font-size: 11px;
	color: White;
}

#timer
{
	font-weight: bold;
	color: #000000;
}



#LoginTab
{
	color: #000000;
	display: none;
}

#LoginTab a {
		color: #000000;
}

#LoginTab span {
		color: #000000;
}

#LoginTab a:hover {
	color: #36505d;
}

#Footer
{
	background: url('../../Images/Master/WEATHER/footer.jpg') no-repeat;	
	color: #ffffff;	
	text-align:center;
	height:47px;
}

#VisitorCount
{
    
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 150px;
}

#Address
{
	color: #000;
	float:left;
	width:700px;
	line-height: 13px;	
}

#Address span
{	
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:3px;	
	display:block;
}

.imgSanPham
{
	padding-right: 5px;
}

.ModuleTitle,
.MenuLinkGroup
{
	background:transparent url(../../Images/WEATHER/ModuleTitle.jpg) repeat-x scroll 0 0;	
	color:#000000;
	text-transform:none;
	height:25px;
	color:#03467c;
	font-weight:bold;
	padding:5px 0 0 7px;
}

.ModuleTitleRight
{
	background-image: url(../../Images/WEATHER/ModuleTitleRight.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	padding: 0;	
	text-transform:uppercase;
	padding:5px 0 0 7px;
}

.ModuleTitleHot span
{
	padding-left: 18px;
}

.ModuleTitleCategory
{
	border-bottom: solid 1px #CCC;
	color:#03467C;
	font-weight:bold;	
	text-transform:uppercase;
}

.ModuleTitle2
{
    vertical-align:middle;
    background-image: url(../../Images/WEATHER/ModuleTitleBg2.jpg);
    background-repeat:no-repeat;
    background-position:left;
    color:Maroon;
}

.ModuleTitle3
{
    vertical-align:middle;
    background-image: url(../../Images/WEATHER/ModuleTitleBg3.jpg);
    background-repeat:no-repeat;
    background-position:left;
    color:Maroon;
}

.ModuleTitleCategory span
{
	border-bottom:1px solid #DB4E26;
	line-height:23px;
	padding:6px 0 6px 30px;
	background: transparent url(../../Images/WEATHER/iconNews.jpg) no-repeat scroll 0 0;
}

.MenuLinkGroup a
{
	color: #000000;
	text-decoration: none;
}

.borderAll
{
	border: 1px solid #c6c5c3;
}

#Marquee td 
{
	font-size: 8pt;
	vertical-align: middle !important;
}


td 
{
	 font-size: 8pt;
	 vertical-align: top;
}

hr {
		background-color: #C0C0C0;
		color: #C0C0C0;
}
.MessageBoxCaption
{
	background-color: #36505d;
	color: White;
}

.LeftPane, .VirtualLeftPane 
{
	background-color: #fff;
	border-right:1px solid #217E93;
}

.RightPane, .VirtualRightPane 
{
	background-color: #fff;
	border-left:1px solid #217E93;
}

.ContentPane 
{
	background-color: #FFFFFF;
	border: 0px solid #207D92;
	border-left: 0px solid #217E93;
	border-right: 0px solid #217E93;
}

.Separator {}
.HSeparator
{
	width:3px;
}

.ModalPopup {
	background-color: #ffffff;
	border-color: #C0C0C0;
}

.ModalBackground {
		background-color: #000000;
}

.HorizontalMenu {}

.HorizontalMenuGroup {}

.HorizontalMenuItem {
		color: #FFFFFF;
}

.HorizontalMenuItem:link {}

.HorizontalMenuItem:hover {
		color: Orange;
}
.VerticalMenu 
{
	border:0px solid #e0e0e0;
	font-family: Arial;
	text-align:left;
	background-color: White;
}

.VerticalMenuGroup 
{
	background-color: #36505d;
	color: #FFFFFF;
}

.VerticalMenuGroup a
{
	text-decoration: none;
	background-color: #36505d;
	color: #FFFFFF;
}

.VerticalMenuGroup a:hover
{
	color: Orange;
}

.VerticalMenuItem {}

.VerticalMenuItem:link {
		
	font-family: Arial;
	text-decoration:none;	/* No underline */
	color:#000;	/* #000000 text color */
	font-weight: bold;
	font-size: 9pt;	
	vertical-align:middle;	/* Align text in the middle */
	background-color:#f1f1f3;	/* Light blue background color */
	margin:1px;	/* A little bit of air */
	padding:6px;	/* Air between border and text inside */
	display:block;		
}

.VerticalMenuItem:visited {
		color: #36505d;
}

.VerticalMenuItem:hover {
	color:#FFF;
	background-color:Orange;
}

.VirtualModuleTitle {}

.SiteLink 
{
	font-size: 12px;
	color: #0E4380;
	font-weight: bold;
}

.SiteLink a:hover 
{
    text-decoration:underline;
}

#NewsHome
{
	height:240px;
}

#NewsHome a
{
	display:block;
	padding:0 0 0 4px;
	font-weight:normal!important;
}

.NewNews
{
	border-bottom:1px solid #DB4E26;
	color:#03467C !important;
	text-transform:uppercase;
}

.Header, .Title, .SubHead
{
  font-size: 9pt;
  color: #03467C !important;
  padding-bottom: 5px;
  font-weight: bold;
}

#Content a
{
	color: #36505D;
	font-weight: bold;
	text-decoration: none;
}

.Header:hover, .Title:hover {	
	text-decoration: underline;
}	


.SubTitle {
		color: Gray;
}

.Description {
		font-size: 10pt;
}

.Button, .LinkButton, .SmallButton {
		background-color: #F1F1F3;
		border: 1px solid #C0C0C0;
		color: #36505d;
}

.TextBox, select {
		border: solid 1px #C0C0C0;
		color: #36505d;
}

.ReadOnlyTextBox, .watermarked {
		background-color: #FFFFC0;
		border: solid 1px #C0C0C0;
		color: #36505d;
}

.MultiLineTextBox {
		color: #0E4380;
}

.Panel 
{
	border-color: #C0C0C0;
}
.PanelWithBg
{
	background-color: #FAFAFA;
	border-color: #C0C0C0;
}

.LeftColumn {
		color: #36505d;
}

.RightColumn {
}

.icon {}

.Grid 
{
		border-color: #c0c0c0;
}

.Grid td {
		border-color: #c0c0c0;
}

.GridItem {
		background-color: #FAFAFA;
		color: #000000;
}

.GridSelected td {
		background-color: #FFFFC0;
		color: #000000;
		font-weight: bold;
}

.GridAlternatingItem {
		background-color: #F3F3F3;
		color: #000000;
}

.GridHeader, .EmptyData 
{
	background-color: #d8d6d8;
	color: #002744;
	font-weight: bold;		
}

.GridHeader th 
{
	border-color: #c0c0c0;
	padding:6px;
}

.GridPager
{
}

.DetailViewHeader {
	background-color: #BBD3F2;
	border-color: #8AAFE1;
	color: #0E4380;
}

.DetailViewHeader th {
		border-color: #8AAFE1;
}

.DetailView {
		border-color: #8AAFE1;
		color: #000000;
}

.DetailView td {
		border-color: #8AAFE1;
}

.HintPanel {
		border-color: Orange;
}

.Panel {
		border-color: #8AAFE1;
}

.PanelContentHeader {
		background-color: #c1d9ff;
		border-left: solid 1px #8AAFE1;
		border-right: solid 1px #8AAFE1;
}

.PanelContentHeader td {}

.PanelTabContentHeader {
		background-color: #c1d9ff;
}

.PanelTabContentFooter {
		background-color: #c1d9ff;
		height: 24px;
}

.PanelHeader {
		background-color: #BBD3F2;
}

.PanelHeaderNoLeft {
		background-color: #c1d9ff;
}

.PanelHeaderNoRight {
		background-color: #c1d9ff;
}

.PanelHeader td {}

.PanelHeaderNoLeft td {}

.PanelHeaderNoRight td {}

.PanelFooter {
		background-color: #c1d9ff;
}




/* fieldset, legend */
fieldset
{
	background-color: #FAFAFA;
	border-color: #C0C0C0;
}

legend
{
	color: #36505d;
	background-color: #F1F1F3;
	border-style: solid;
	border-width: 1px;
	border-color: #C0C0C0;
}

/* Drop down menu */
#sddm {
	margin:0;
	padding: 0;
	padding-left:6px;
	z-index: 30;
}
#sddm li.separation a
{
    padding-left:1px;
    padding-right:1px;    
}
#sddm li.separation a:hover
{
    background-color: Transparent;
    color: #FFFFFF;
    padding-left:1px;
    padding-right:1px;    
    cursor:default;
}
#sddm li {
	margin: 1px 0px 0px 1px;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px Arial;
	
}
#sddm li a {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-left:3px;
	padding-right:3px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	white-space:nowrap;
	height:19px;
	width: inherit;
}
#sddm li a:hover     
{
    display:block;
	background-color:Gray;
	width:inherit;

}
#sddm div {
	position: absolute;
	visibility: hidden;
	padding: 0;
	background-color: Gray;
	border: 1px solid #FFFFFF;
	z-index:99999;
}
#sddm div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0px;
	padding-top: 4px;
	padding-left:6px;
	padding-right:3px;	
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background-color: Gray;
	color: #FFFFFF;
	font: 11px Arial;
	font-weight:bold;
}
#sddm div a:hover {
	color: #000000;
	background-color: Silver;
}
/*


/* Primary menu */
#PrimaryMenu
{
	background:transparent url(../../Images/Master/WEATHER/MenuBg2.jpg) repeat scroll top center;	
	margin:0;
	padding:0;
	z-index:30;
	min-height:50px;
}
#FooterMenu
{
    background:transparent url(../../Images/Master/WEATHER/MenuBg2.jpg) repeat scroll top center;	
	margin:0;
	padding:0;
	z-index:30;
	min-height:25px;
}

/* Site Map */
#sitemap
{
}
#sitemap div
{
	font-weight: bold;
	margin: 1px 0px 0px 1px;
	padding: 3px;
	
}

#sitemap div a
{	
	font-size:10pt;
	text-decoration: none;
	color: #36505D;	
}
#sitemap div a:hover
{
	text-decoration:underline;
}

#sitemap span
{
	font-weight:normal;
	font-size: 8pt;
	padding: 3px;
}
#sitemap span a
{
	font-size:9pt;
	text-decoration: none;
	color: #36505D;	
}
#sitemap span a:hover
{
	text-decoration:underline;
}


/* Tree View */
#treeview
{
	
}
#treeview div
{
	font-weight: bold;
	margin: 1px 0px 0px 1px;
	padding: 2px;
	
}

#treeview div a
{	
	font-size: 9pt;
	text-decoration: none;
	color: #36505D;	
}
#treeview div a:hover
{
	text-decoration:underline;
}

#treeview span
{
	font-weight:normal;
	padding: 2px;
}
#treeview span a
{
	text-decoration: none;
	color: #36505D;	
}
#treeview span a:hover
{
	text-decoration:underline;
}